<template>
	<div class="stu" style="position: relative;">
		<topimg></topimg>
		<div style="width:1100px;margin: 0 auto;padding-top:50px;font-size:14px;">
			<div id="head"> <a @click="router_to('/')">首页</a> > <a @click="router_to('/xmxq')">项目详情</a> >{{$store.state.xmxq[num].title}}</div>
			<div style="width:1040px;margin: 0 auto;">
				<div id="theme">{{$store.state.xmxq[num].title}}</div>
				<div id="time">2020-12-28</div>
				<div class="pf" style=" padding: 15px 15px 40px 15px;">
					<p>
						{{$store.state.xmxq[num].value1}}
					</p>
					<p>
                         {{$store.state.xmxq[num].value2}}
					</p>
					<p>
                         {{$store.state.xmxq[num].value3}}
					</p>
					<!-- <img src="http://image.fast.126net.cn/group2/M00/00/20/wKgBTFrgyL-ACjOmAAXDW_DGI5c326.png" style="display: inherit;padding-bottom: 20px;"> -->
					<p>
                         {{$store.state.xmxq[num].value4}}
					</p>
					<br />
					<span @click="shangye()">{{$store.state.xmxq[num].Text}}</span>
					<br />
					<span @click="xiaye()" style="margin-top: 10px;">{{$store.state.xmxq[num].Text1}}</span>
				</div>

			</div>
		</div>
	</div>
</template>

<script>
	import topimg from "@/components/topimg.vue";
	export default {
		name: 'stu',
		components: {
			topimg
		}, //声明子组件
		computed: {},
		data() {
			return {
			  num:0,
			}
		},
		methods: {
			xiaye(){
				document.body.scrollTop = document.documentElement.scrollTop = 0;
				++this.num;
				
			},
			shangye(){
				document.body.scrollTop = document.documentElement.scrollTop = 0;
				--this.num;
				 // console.log(this.$route.query.num)
			}
		},
		mounted() {
			document.body.scrollTop = document.documentElement.scrollTop = 0;
			this.num = this.$route.query.num;
			
		}
	}
</script>
<style scoped="scoped">
	.pf p{
		text-align:justify;
	}
	#head {
		text-align: left;
		border-bottom: solid 1px #ccc;
		padding-bottom: 10px;
	}

	#theme {
		font-size: 24px;
		font-weight: bold;
		margin: 15px;
	}

	#time {
		border-bottom: solid 1px #ccc;
		color: #999;
		padding: 10px;
	}

	p {
		text-align: left;
		line-height: 28px;
		padding-bottom: 20px;
	}

	span {
		float: left;
	}
</style>
